<template>
    <div class="inventoryHome">
      <group :gutter="0" :class="'group'">
        <cell title="备品申请"
              is-link
              :border-intent="false"
              @click.native="goApplyInventory()"
        >
          <span slot="icon"><img style="height: 23px;margin-right: 10px"
                                 src="~assets/images5/icon-shenqing@3x.png"/></span>
        </cell>
        <cell title="备品库存"
              is-link
              :border-intent="false"
              class="mt10"
              @click.native="goSpareStock()"
        >
          <span slot="icon"><img style="height: 23px;margin-right: 10px"
                                 src="~assets/images5/icon-kucun@3x.png"/></span>
        </cell>
        <cell title="设备更新"
              is-link
              :border-intent="false"
              class="mt10"
              @click.native="goSpareStock()"
        >
          <span slot="icon"><img style="height: 23px;margin-right: 10px"
                                 src="~assets/images5/icon-gengxin@3x.png"/></span>
        </cell>
      </group>
    </div>
</template>

<script>
    import {Group, Cell} from 'vux'
    export default {
      components: {Group, Cell},
      name: "inentoryHome",
      methods: {
        goApplyInventory: function () {
          this.$router.push({path: '/inventory/applyInventory'})
        },
        goSpareStock: function () {
          this.$router.push({path: '/inventory/spareStock'})
        }
      }
    }
</script>

<style lang="less">
  .inventoryHome{
    .group{
      .weui-cells{
        background-color: transparent;
      }
      .weui-cell{
        background-color: #fff;
        height: 0.58rem;
        /*font-weight: bold;*/
        box-shadow: 0 0.02rem 0.04rem 0 #ebebeb;
      }
      .weui-cell_access .weui-cell__ft:after{
        border-color: #42a3fd;
      }
    }



  }
</style>
